<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>jQuery UI Tabs - Default functionality</title>
        <link rel="stylesheet" href="themes/ui-lightness/jquery.ui.all.css">
        <link type="text/css" href="apycommenus/menu.css" rel="stylesheet" />
        <link rel="stylesheet" href="bannerrotator/bannerrotator.css">
        <link rel="stylesheet" href="mycss/common.css">
        <script src="jquery-1.7.1.js"></script>
        <script src="ui/jquery.ui.core.js"></script>
        <script src="ui/jquery.ui.widget.js"></script>
        <script src="ui/jquery.ui.tabs.js"></script>
        <script src="ui/jquery.ui.mouse.js"></script>
        <script src="ui/jquery.ui.sortable.js"></script>
        <script type="text/javascript" src="apycommenus/menu.js"></script>
        <script type="text/javascript" src="bannerrotator/bannerrotator.js"></script>

        <script>
            $(function() {
                $( "#tabs" ).tabs();
            });
        </script>
        <script>
        $(document).ready(function(){
            $("body div:last").remove();
        });
        </script>
    </head>
    <body>
        <div id="container">
            <div id="header">
                <div class="rotator">
                    <ul>
                        <li class="show"><a href="#link1"><img src="bannerrotator/images/image-2.jpg" width="1012" height="200"  alt="pic1" /></a></li>
                        <li><a href="#link3"><img src="bannerrotator/images/image-3.jpg" width="1012" height="200"  alt="pic3" /></a></li>
                        <li><a href="#link4"><img src="bannerrotator/images/image-4.jpg" width="1012" height="200"  alt="pic4" /></a></li>
                        <li><a href="#link4"><img src="bannerrotator/images/image-5.jpg" width="1012" height="200"  alt="pic4" /></a></li>
                        <li><a href="#link4"><img src="bannerrotator/images/image-6.jpg" width="1012" height="200"  alt="pic4" /></a></li>
                    </ul>

                </div>
            </div>
            <div id="menu">
                <ul class="menu">
                    <li><a href="#" class="parent"><span>Organisations</span></a></li>
                    <li><a href="#" class="parent"><span>Services</span></a>
                        <ul>
                            <li><a href="#" ><span>Service Maintainance</span></a></li>
                            <li><a href="programList.html"><span>Program Maintainance</span></a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#" class="parent"><span>Geography</span></a>
                        <ul>
                            <li><a href="goverment_office_region_list.html"><span>Goverment Office Region</span></a></li>
                        </ul>
                    </li>
                    <li><a href="#" class="parent"><span>Premises</span></a></li>
                </ul>
                <div id="welcomepanel">
                    <a href="#">Welcome: project manager | </a><a href="login.html">Log out</a>
                </div>
            </div>
            <div id="content">
                <div id="maincontent">
                    <div id="maincontentheader">
                        Title of content
                    </div>
                    <div id="tabs">
                        <ul>
                            <li><a href="#tabs-1">Tab 1</a></li>
                            <li><a href="#tabs-2">Tab 2</a></li>
                            <li><a href="#tabs-3">Tab 3</a></li>
                            </ul>
                        <div id="tabs-1">
                            Content of tab 1
                        </div>
                        <div id="tabs-2">
                            Content of tab 2
                        </div>
                        <div id="tabs-3">
                        </div>
                    </div>
                </div>
            </div>
            <div id="footer">
                <div style="width: 80%; margin:25px auto; text-align: center;
                     font-weight: bold; color: #F6AE38;">
                    Fresher 10 - mock project - bad team designed
                </div>
            </div>
        </div>
    </body>
</html>

